import type { ThemeConfig } from 'antd';

const theme: ThemeConfig = {
  token: {
    // 主色调
    colorPrimary: '#69cac3',
    colorSuccess: '#52c41a',
    colorWarning: '#faad14',
    colorError: '#ff4d4f',
    colorInfo: '#69cac3',
    
    // 文字颜色
    colorText: '#262626',
    colorTextSecondary: '#595959',
    colorTextTertiary: '#8c8c8c',
    colorTextQuaternary: '#bfbfbf',
    
    // 背景颜色
    colorBgContainer: '#ffffff',
    colorBgElevated: '#ffffff',
    colorBgLayout: '#f0f2f5',
    
    // 边框颜色
    colorBorder: '#d9d9d9',
    colorBorderSecondary: '#f0f0f0',
    
    // 圆角
    borderRadius: 6,
    borderRadiusLG: 8,
    borderRadiusSM: 4,
    
    // 字体
    fontSize: 14,
    fontSizeLG: 16,
    fontSizeSM: 12,
    fontSizeXL: 20,
    
    // 间距
    padding: 16,
    paddingLG: 24,
    paddingSM: 12,
    paddingXS: 8,
    
    // 阴影
    boxShadow: '0 2px 8px rgba(0, 0, 0, 0.15)',
    boxShadowSecondary: '0 4px 12px rgba(0, 0, 0, 0.15)',
  },
  components: {
    Menu: {
      darkItemSelectedBg: '#69cac3',
      darkItemHoverBg: '#8dd4cf',
    },
    Button: {
      primaryShadow: '0 2px 0 rgba(105, 202, 195, 0.1)',
    },
    Input: {
      hoverBorderColor: '#69cac3',
      activeBorderColor: '#69cac3',
    },
    Select: {
      hoverBorderColor: '#69cac3',
      activeBorderColor: '#69cac3',
    },
    Table: {
      headerBg: '#fafafa',
      headerColor: '#262626',
    },
    Card: {
      headerBg: '#ffffff',
    },
    Tag: {
      defaultBg: '#f5f5f5',
      defaultColor: '#262626',
    },
  },
};

export default theme; 